套用後頁面如下
以下語法只有外掛了 CSS 修改套件才能用
CHROME 請使用 Stylebot
Chrome套用請進入IT邦幫忙後對著 Stylebot 左鍵 > Open Stylebot > 點窗格左下角 Edit CSS
複製下方 CSS 程式碼 貼到 窗格內的編輯框內,然後 按一下 Save 就行了
或是到這邊來安裝 Stylebot.me 剛剛上去更新了社群的公開的語法了
也可以對著 Stylebot 右鍵 Install Style from Social 點開來,下面 jones-lee 那個就是我寫的 點下去就會自動安裝並套用了
Firefox 請使用 Stylish
火狐套用法請進入 IT邦幫忙 後 對著 Stylish 左鍵 > 編寫新樣式 > 給 ithelp.ithome.com.tw
然後複製下方 CSS 程式碼,把她加入到
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("ithelp.ithome.com.tw") {
CSS 程式碼 放到這裡 ........
}
以下是 CSS 程式碼 ( 因 5/17 小財神修改了版面,進行以下更新)
body {
background-attachment: fixed;
background-image: url('http://cdn.superbwallpapers.com/wallpapers/space/nebula-17270-1920x1080.jpg');
}
.header__inner,footer {
display: none;
}
.menu__container {
max-width: 100%;
}
.container {
width: 95%;
}
.index-top {
margin: 0;
}
.index-announcement a,.tab-title, .qa-list a,.sidebox__item a, .sidebox__listGroup-content a, .sidebox__listGroup-person, .sidebox__rankItem a, .qa-header__title, .markdown__style {
color: #fff;
}
qa-list__tags a {
color: #333;
}
.board,.sidebox__body,.qa-panel, .reply-frame,.comment {
background-color: rgba(0,0,0,0.5);
border: 1px solid rgba(0,0,33,0.5);
}
.editor-toolbar,.CodeMirror, .comment__textarea {
background-color: rgba(255,255,255,0.9);
}
.qa-list ,.header {
background-color: transparent;
}
.tag {
background-color: #333;
}
.comment {
padding: 10px;
}
nav {
padding: 10px;
background-color: rgba(0,0,0,0.5);
}
.menu__item,.menu__logo,.menu__left, .menu__right {
padding: 0 5px;
}
改變前和改變後有什麼差異呢?
貼圖來看看吧~~
你自己套用看看就知道了咩,我還要抓圖,浪費IT幫幫忙的資料庫空間
基本上,我視這種為旁門左道。
除非研發需要,且在資安都顧好的情況下,我才會用這種方式進行實驗。
不建議用這種方式來改變網站的表現方式。
只是改 CSS 語法而已,跟資安扯不上什麼關係
只是年紀大了,只想更省力的閱讀而已
還有某些 CSS 不改才更不安全呢,例如內崁的髒東西,改了之後就能避免看到而且避免誤觸
當然每個人有每個人的見解,需要的就改一下,不需要的就看看就好
如果這樣改都有資安問題,那麼該檢討的不是我而是 小財神大哥了
因為 IT 幫幫忙的系統又不歸我管,再來就是,瀏覽器外掛本來就允許我改
小財神大哥也管不到我要怎麼改 原裝的 CSS,所以呢,需要的就改,不需要的就保持原狀
.header,footer {
display: none;
}
這下子可把頂天立地的廣告給隱藏了
被發現了,我這人喜歡看重點,其他的就看著辦
頂天立地
還說出來..........
HTML 5 的架構,這兩個區段
除非設計者放一些必要的元件在上面
不然大多只是占版面的區段而已
然後這次網站改版,果然這兩個區段沒啥重要的東西
當然就把它隱藏了